<template>
<el-row :gutter="20" class="container">
<div class="regulatory-platform-login">
<div class="box-style">
  <div class="content-style">
    <span>杭州市装配式建筑质量监管平台</span>
<div class="type-login-box">
<div class="type-login">
<div>
<div class="left-box">
<img src="@/assets/regulatoryPlatformImg/jg-image.png" alt="">
<p class="common-content">
  <span>
    *&nbsp;构件全过程质量监管
  </span>
</p>
<el-button size="medium">登录</el-button>
</div>
</div>
<div>
<div class="left-box">
<img src="@/assets/regulatoryPlatformImg/ba-image.png" alt="">
<p class="common-content">
  <span>
  *&nbsp;监管数据接口、企业自律监管、星级评价
  </span>
</p>
<el-button size="medium">登录</el-button>
</div>
</div>
</div>
</div>
  </div>
</div>
</div>
</el-row>
</template>

<script>
export default {
data(){
  return{

  }
}
}
</script>

<style lang="scss" scoped>
.container{
  img{
    height:246px!important;
  }
  margin:0px!important;
  margin:0px!important;
  .regulatory-platform-login{
  width:100%;
  height:100vh;
  margin:0px;
  padding:0px;
  background: url(../../assets/regulatoryPlatformImg/bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position:relative;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  .box-style{
width:960px;
height:640px;
background:white;
border-radius: 16px;
.content-style{ 
  text-align:center; 
  .type-login-box{
    padding:0px 40px!important;
   width:100%;
   height:477px;
   margin-top: 40px;
   .type-login{
     width:100%;
     height:477px;
     display:flex;
     flex-direction:row;
     justify-content:space-between!important;
     div{
      width:420px!important;
      height:477px!important;     
      border: 1px solid rgba(0, 0, 0, 0.10196078431372549);      
      border-radius: 16px;
       .common-content{   
          span{
        padding-top:20px!important;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 21px;
        color: rgba(0, 0, 0, 0.85);
        opacity: 1;
          }
        }
      .left-box{
        width:250px;
        height:100px;
        padding:40px;       
      }
     }
   }
  }
  span{
  display:block;
  padding-top:40px;
  font-size: 28px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  line-height: 37px;
  color: #015293;
  opacity: 1;
  }
}
  }
}
}
.left-box  /deep/ .el-button{
  background:#015293;
  color:white;
  width:100%;
  margin-top:40px;
  border-color:#015293;
}
</style>